<template>
  <footer class="footer">
    <span class="todo-count"> 合计： <strong>{{ list.length }}</strong></span>

    <!-- 清空 -->
    <button class="clear-completed" @click="clear">清空所有</button>
  </footer>
</template>


<script>
export default {
  props: {
    list: {
      type: Array,
    },
  },
  methods:{
    clear(){
      this.$emit('clear')
    }
  }
}
</script>


<style></style>